﻿/* banner */
.focusBox { position: relative; width: 100%; height: 500px; overflow: hidden; min-width: 1200px; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 100%; height: 500px; display: block; }
.focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; }
.focusBox .hd li { margin: 0 5px; background: url(./../images/dot.png) no-repeat 0 -26px; height: 25px; overflow: hidden; width: 24px; cursor: pointer; display: inline-block; *display: inline;
zoom: 1; _background: url(./../images/dot8.png) no-repeat 0 -16px; }
.focusBox .hd .on { background-position: 0 0; }
.focusBox .prev, .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(./../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; }
/*  */
.pic{min-width: 1200px;width: 100%;}
.pic img{display: block;width: 100%;}
.picw{min-width: 1200px;width: 100%;}
.picw img{display: block; margin: 0 auto;}
/*  */
.icon {width: 3300px;overflow: hidden;animation: move 22s linear infinite normal;animation-fill-mode: forwards;}
.icon:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
.pause { position: relative; height: 60px; display: inline-block; margin: 20px auto; text-align: center; }
.pause:before { position: absolute; content: ""; display: inline-block; width: 100px; height: 60px; left: 0px; line-height: 60px; font-size: 20px; color: #fff; margin: 0 20px; background: orange; border: none; border-radius: 20px; outline: none; }
 @keyframes move { 0% {
 transform:translateX(0px);
}
 100% {
 transform:translateX(-1200px);
}
}
.out input { display: none; }
.out input:checked ~ .con { animation-play-state: paused; -webkit-animation-play-state: paused; }
.out input:checked ~ .pause:before { content: ""; }
/*  */
.news-bd {width:100%;height:100%;/* background-color: #efeff1; */padding-top:20px;padding-bottom: 22px;}
.news-bd .news {}
.news-bd .news #news-tab {position:relative;width: 840px; box-sizing: border-box;height:453px;float:left;overflow: hidden;margin-right:20px; padding:15px; background:#fff}
.news-bd .news #news-tab .c-more{position:absolute;top:5px;right:28px;display:block;width:46px; height:32px;color:#ff8519;padding:2px;font-size:14px;}
.news-bd .news #news-tab .c-more a{color:#ff8519;}
.tab-menu-bd{height:32px;border-bottom:1px solid #d70909;line-height:32px;}
.tab-menu {width:580px; float:left; position:absolute; z-index:1; }
.tab-menu li{float:left; width:110px; height:32px; text-align:center; font-size:16px; cursor:pointer; }
.tab-menu .selected{ cursor:pointer;color:#d70909; font-weight:600}
.tab-con{width:740px;height:360px;padding-top:15px;padding-left: 8px;}
.con02,.con03,.con04,.con05,.con06{display:none}
.con-left{width:280px;float:left; overflow:hidden}
.con-left dl{height:365px;background-color:#EEEFF1;}
.con-left dl dd img{ width: 280px;height: 161px;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;}
.c-t1{height: 20px; line-height: 23px;  padding:5px 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;}
.c-t1 a{height: 20px;color:#000;font-size:16px; }
.c-t1 a:hover{color:#ff8519;}
.c-d1{color:#797979;height:100px;margin:15px 0;line-height:24px;text-indent: 2em;overflow:hidden;}
.c-d1 span{color:#ff8519;}
.c-d2{height: 115px;padding:10px; line-height:24px;overflow:hidden;text-indent: 2em;}
.c-d3{color:#797979;padding:2px 10px;line-height:24px;text-align:center;font-size:12px;}
.con-right{float:left;width:440px; margin-left:20px;overflow:hidden;}
.con-right dl{border-bottom:1px dotted #C6C5C5; }
.con-right .c-list{width:440px;}
.con-right .c-list li{}
.con-right .c-list li a{width:350px;height:20px;display:block;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;margin-top:12px;}
.con-right .c-list li a:hover{color:#ff8519;}
.con-right .c-list li em{display: block;font-size: 12px;float:right;color:#969595;font-style:normal; margin-top:12px;}
.news-bd .news .phone-line{ width: 400px; float: left; padding:15px; background:#fff; box-sizing: border-box;}
/*  */
.bigimg a:hover img{
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
      }
      /*  */
      .others-title{width:100%;height:32px; line-height:32px;border-bottom:1px solid #C6C5C5;font-size:16px;color:#1471b4;font-weight:bold;}
.others-title .others-phone{font-size:21px;  text-align:center;}
.others-title .others-phone a{color:#c6251e;}
.ic-rx{width:30px; height:30px;background-position:0px -76px;}
.scroll-list{width: 100% !important;height: 380px !important;margin-top:10px;overflow:hidden;}
.scroll-list li{margin-top: 8px;line-height: 24px;height: 24px;padding:2px;font-size: 17px;}
.scroll-list li img{ margin-left:5px;}
.scroll-list li .p-name{width: 99px;display:block;float:left;margin-left:5px;}
.scroll-list li .p-phone{width: 130px;display:block;float:left;margin:0 6px;}
.scroll-list li a{display:block;width:35px;float:left;}
.scroll-list li.li-even{background:#F0F2F3;}
.scroll-list2{width:260px;height:255px !important; margin-top:17px;overflow:hidden;}
.scroll-list2 li{margin-top:10px;line-height:25px;padding:2px;}
.tempWrap{ height:555px !important;}
.wxx .code {
    display: none;
    position: absolute;
    
   
    width: 90px;
    height: 90px;
  }
  /*  */
  .cptitle {width: 500px;height: 47px;background: url(../images/cp_xian.jpg);margin: 0 auto;}
.cptitle h2 { width: 280px; font-size: 26px; color: #0b0a0a; line-height: 47px; text-align: center; font-weight: bold; background-color: #FFFFFF; margin: 0 auto; }
.cptitle1 { font-size: 26px; color: #d70909; line-height: 47px; font-weight: bold; }
.cpms { font-size: 16px; color: #999; text-align: center; margin-bottom:40px}
/*  */
.part-cpfl2 { padding-bottom: 20px; width: 1260px; margin: 0px auto; height: auto; margin-top: 10px; }
.part-cpfl2 ul { width: 1260px; text-align: center; height: auto; }
.part-cpfl2 ul li { position: relative; display: inline-block; margin: 10px 5px; width: 160px; height: 36px; text-align: center; line-height: 36px; }
.part-cpfl2 ul li a { display: inline-block; width: 160px; height: 36px; font-size: 17px; font-weight: normal; color: #FFFFFF; text-align: center; background-color: #d70909; }
.part-cpfl2 ul li .seclist { display: none; }
.part-cpfl2 ul li:hover .seclist { z-index: 99999; position: absolute; top: 38px; display: block; }
.part-cpfl2 ul li .seclist a { display: block; text-align: center; border-bottom: 1px solid #FFFFFF; background: #d70909 !important; font-size: 15px; transition: 0.2s all ease; }
.part-cpfl2 ul li .seclist a:hover { display: block; text-align: center; border-bottom: 2px solid #FFFFFF; background: #3c3c3c !important; font-size: 15px; }
.part-cpfl2 ul li:hover a { background: #3c3c3c; color: #ffffff; }
.fenlei { width: 250px; height: auto; float: left; }
/*  */
.cp{}
.cp li {float: left;margin-right: 11px;margin-bottom: 14px;width: 239px;height: 303px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; background:#fff;}
.cp li:hover { -webkit-box-shadow: 0 2px 20px rgba(102,102,102,.55); -moz-box-shadow: 0 2px 20px rgba(102,102,102,.55); box-shadow: 0 2px 20px rgba(102,102,102,.55); }
.cp li .tu {margin-top: 7px;margin-left: 7px;width: 225px;height: 220px;padding: 0px;border: 0px solid #434343;background-color: #e5e5e5;overflow: hidden;}
.cp li .tu img {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;width: 225px;height: 220px;}
.cp li:hover  img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.cp li .p1-t {margin: 0 auto;width: 222px;height: 32px;background-color: #e9e8e8;margin-top: 8px;}
.cp li .p1-t a h3 { display: block; height: 32px; line-height: 32px; font-size: 15px; color: #000; text-align: center; letter-spacing: 0px; }
.cp li .p1-t p { display: block; float: right; width: 110px; height: 32px; text-align: center; line-height: 32px; text-indent: 25px; font-size: 16px; color: #fff; }
.cp li:hover .p1-t a h3 { background-color: #d70909; color: #fff; }
.cp li .dianhu { margin-top: 5px; width: 225px; height: auto; }
.cp li .dianhu p { display: block; padding: 2px 0px 2px 20px; font-size: 20px; color: #5b5b5b; color: #d90303; font-family: impact; letter-spacing: 0px; transition: all 0.3s ease-out; }
.cp li .dianhu span { padding: 2px 0px 2px 10px; font-size: 20px; color: #d90303; font-family: impact; letter-spacing: 0px; transition: all 0.3s ease-out; }

/*  */
.gywm_bj { width: 100%; height: 800px; background: url(../images/gywm_bj.jpg) top center; overflow: hidden; margin-top: 30px; }
.a30 { font-size: 30px; color: #FFFFFF; height: 30px; text-align: center; font-weight: bold; margin-top: 60px; }
.ab_bj { width: 1260px; height: 614px; background-color: #FFFFFF; margin: 0 auto; margin-top: 50px; }
.aboutlt { width: 560px; height: auto; float: left; margin-top: 24px; padding-left: 15px; }
.aboutrt { width: 654px; height: auto; float: left; margin-top: 24px; padding-left: 25px; }
.abk{padding-top:40px}
.abkuang { width: 130px; height: 122px; border: 1px #cecece solid; background:#fff; margin-bottom: 25px; margin-top: 3px; float: left; }
.abkuang1 { width: 130px; height: 122px; border: 1px #cecece solid;  background:#fff; margin-bottom: 25px; margin-top: 3px; float: left; margin-left: 30px; }
.abkuangtu { width: 100%; margin: 0 auto; text-align: center; margin-top: 22px; }
.abkuangwz { width: 100%; height: 40px; text-align: center; font-size: 16px; color: #0b0a0a; margin-top: 8px; }
.gytitle { width: 230px; height: 42px; float: left; line-height: 42px; background-color: #d70909; }
.gytitle h2 { font-size: 22px; color: #FFFFFF; height: 42px; float: left; text-indent: 10px; }
.sy-aboutwz { width: 98%; font-size: 15px; color: #333333; line-height: 28px; letter-spacing: 0px; float: right; text-align: center; padding-left: 15px; padding: 15px; }
.sy-aboutwz p { font-size: 15px; color: #333333; line-height: 28px; letter-spacing: 0px; float: left; }
.sy-aboutwz p a { font-size: 15px; color: #48494a; line-height: 28px; letter-spacing: 0px; padding-left: 25px; float: left; }
.sy-aboutwz p a:hover { font-size: 15px; color: #fab81b; line-height: 28px; letter-spacing: 0px; float: left; }
.sy-aboutwz strong { font-size: 16px; font-weight: bold; }
.lxgengduo { font-size: 15px; width: 140px; height: 40px; line-height: 40px; background-color: #d4070c; color: #FFFFFF; text-align: center; margin-top: 20px; }
.lxgengduo a { font-size: 15px; width: 140px; height: 40px; line-height: 40px; background-color: #d4070c; color: #FFFFFF; text-align: center; }


.chejian { width: 890px; height: auto; float: left; margin-top: 10px; }
.fahuort { width: 350px; height: auto; float: right; margin-top: 10px; }
.fahuo1 { width: 350px; background-color: #f3f3f3; float: left; height: 350px; margin-top: 20px; }
.fahuo2 { width: 95%; height: auto; margin: 0 auto; }
.fahuotubiao { width: 40px; height: 30px; float: left; margin-top: 24px; }
.fahuotuwz { width: 290px; height: 30px; float: right; margin-top: 15px; }
.xwxian { width: 23px; height: 428px; float: left; padding-left: 15px; margin-top: 20px; }
.xinwen_more a { margin: 0 auto; display: block; width: 114px; height: 30px; border: 1px solid #024299; text-align: center; line-height: 30px; color: #015cb5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-top: 40px; }
.xinwen_more a:hover { width: 100%; background-color: #024299; color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

/*  */


.h-pro-gun02 li { float: left; margin-right: 12px; margin-bottom: 14px; width: 240px; height: 250px; border: 1px solid #ccc; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.h-pro-gun02 li:hover { border: 1px solid #aaaaaa; -webkit-box-shadow: 0 2px 20px rgba(102,102,102,.55); -moz-box-shadow: 0 2px 20px rgba(102,102,102,.55); box-shadow: 0 2px 20px rgba(102,102,102,.55); }
.h-pro-gun02 li .tu {margin-top: 7px;margin-left: 7px;width: 225px;height: 161px;padding: 0px;border: 0px solid #434343;background-color: #e5e5e5;overflow: hidden;}
.h-pro-gun02 li .tu img {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;width: 225px;height: 160px;}
.h-pro-gun02 li:hover .tu img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.h-pro-gun02 li .p1-t { margin: 0 auto; width: 94%; height: 32px; background-color: #c5c5c5; }
.h-pro-gun02 li .p1-t a h3 { display: block; height: 32px; line-height: 32px; font-size: 15px; color: #000; text-align: center; letter-spacing: 0px; }
.h-pro-gun02 li .p1-t p { display: block; float: right; width: 110px; height: 32px; text-align: center; line-height: 32px; text-indent: 25px; font-size: 16px; color: #fff; }
.h-pro-gun02 li:hover .p1-t a h3 { background-color: #d70909; color: #fff; }
.h-pro-gun02 li .dianhu { margin-top: 5px; width: 225px; height: auto; }
.h-pro-gun02 li .dianhu p { display: block; padding: 2px 0px 2px 20px; font-size: 20px; color: #5b5b5b; color: #d90303; font-family: impact; letter-spacing: 0px; transition: all 0.3s ease-out; }
.h-pro-gun02 li .dianhu span { padding: 2px 0px 2px 20px; font-size: 19px; color: #d90303; font-family: impact; letter-spacing: 0px; transition: all 0.3s ease-out; }
.mt-6{ margin-top: 6px}
/*  */
/*  */
.chejian { width: 890px; height: auto; float: left; margin-top: 10px; }
.fahuort { width: 350px; height: auto; float: right; margin-top: 10px; }
.fahuo1 { width: 350px; background-color: #f3f3f3; float: left; height: 350px; margin-top: 20px; }
.fahuo2 { width: 95%; height: auto; margin: 0 auto; }
.fahuotubiao { width: 40px; height: 30px; float: left; margin-top: 24px; }
.fahuotuwz { width: 290px; height: 30px; float: right; margin-top: 15px; }
.xwxian { width: 23px; height: 428px; float: left; padding-left: 15px; margin-top: 20px; }
.zzleft { width: 390px; float: left; height: auto; margin-top: 40px; }
.zzleft1 { width: 5px; height: 24px; float: left; background-color: #d70909; margin-top: 4px; }
.zztitle { width: 93px; float: left; font-size: 22px; height: 30px; font-weight: bold; color: #0b0a0a; line-height: 30px; padding-left: 6px; }
.zztitle1 { width: 140px; float: left; font-size: 22px; height: 30px; font-weight: bold; color: #0b0a0a; line-height: 30px; padding-left: 6px; }
.zztitleyw { font-size: 16px; color: #2b2a2a; float: left; margin-top: 8px; }
/*  */
.cp2{}
.cp2 ul{margin:0; padding:0;display:flex; align-items: center; justify-content: space-between;}
.cp2 li{width: calc((100% - 80px)/5);float: left;/* border: 1px solid red; */margin-right: 7px;text-align: center;font-size: 15px;line-height: 32px;}
.cp2 li span{}
.cp2 li img{
    width:100%;
    height: 200px;
    margin: 0 auto;
    display: block;
    margin-top: 8px;
    margin-bottom: 2px;
}
.indexTitle {
        padding-top: 40px;
		position: relative;
		text-align: center;
    }
    .indexTitle h4 {
        margin-bottom: 0;
    }
    .indexTitle .cn {
        font-size: 40px;
		letter-spacing: 1px;
		text-transform: uppercase;
		 color: #121212;
		font-weight: bold;
		position: absolute;
		left: 50%;
		top: 65%;
		z-index: 1;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
    }
    .indexTitle .en {
        font-size: 70px;
		text-transform: uppercase;
		color: #eaeaea;
		font-weight: bold;
		display: block;
		line-height: 1;
    }
#fh5co-testimonial{ position:relative;padding: 40px 0;clear: both;}
.overlay{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
	z-index:1
}
.fh5co-heading{color:#fff;font-size:14px;margin-bottom: 20px;}
.fh5co-heading h2{font-size: 40px; margin-bottom:40px}
.tupian{margin-left:auto; padding-left:50px}
.flex{display:flex; z-index:10; position: relative;}
.swiper-container{width:100%}
.swiper-container .swiper-slide img{width:100%; height:540px}